
legend {
  color: $legend-color;
  border: 0;
  border-bottom: 1px solid $legend-border-color;
}

output {
  color: $input-color;
}


.form-control {
  color: $input-color;
  background-color: $input-bg;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid $input-border;
  @include form-control-focus;
  @include placeholder;
  &::-ms-expand {
    background-color: transparent;
    border: 0;
  }

  &[disabled],
  &[readonly],
  fieldset[disabled] & {
    background-color: $input-bg-disabled;
    opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655
    &.bg-white{
      background-color: $white-color;
    }
  }
}

.has-success {
  @include form-control-validation($state-success-text, $state-success-text, $state-success-bg);
}
.has-warning {
  @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);
}
.has-error {
  @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);
}

.help-block {
  color: mix($text-color,$white-color,55%); // lighten the text some for contrast
}